<template>
	<view class="py-6 px-5">
		<view class="rowCenBet px-1 font-40 mb-3">
			<text>{{item.title}}</text>
			<text>></text>
		</view>
		<view class="position-relative" style="width: 650rpx;height: 650rpx;">
			<image class="position-absolute left-0 top-0 radius-8" style="width: 427rpx;height: 427rpx;" :src="item.images[0]" mode="aspectFill"></image>
			<image class="position-absolute right-0 top-0 radius-8" style="width: 204rpx;height: 204rpx;" :src="item.images[1]" mode="aspectFill"></image>
			<image class="position-absolute right-0 radius-8" style="width: 204rpx;height: 204rpx;top:223rpx" :src="item.images[2]" mode="aspectFill"></image>
			<image class="position-absolute left-0 bottom-0 radius-8" style="width: 204rpx;height: 204rpx;" :src="item.images[3]" mode="aspectFill"></image>
			<image class="position-absolute bottom-0 radius-8" style="width: 204rpx;height: 204rpx;left:223rpx" :src="item.images[4]" mode="aspectFill"></image>
			<image class="position-absolute right-0 bottom-0 radius-8" style="width: 204rpx;height: 204rpx;" :src="item.images[5]" mode="aspectFill"></image>
		</view>
	</view>
	<view class="px-5">
		<base-divide-line></base-divide-line>
	</view>
</template>

<script setup lang="ts">
	defineProps({
		item:{
			type:Object,
			required:true
		}
	})
</script>

<style>

</style>
